//获取button5的值
var button5 = document.querySelector("#button5");
//获取ul1的值
var ul1 = document.querySelector("#ul1");
//获取text的值
var text = document.querySelector("#text");
//获取ul2的值
var ul2 = document.querySelector("#ul2");




button5.addEventListener("click",function(){

    //创建节点li
    var li = document.createElement("li");
    //创建节点button
    var button = document.createElement("button");
    //创建节点p
    var p = document.createElement("p");
    //创建节点span
    var span = document.createElement("span");

    //添加节点li
    ul1.appendChild(li);
    //添加节点button
    li.appendChild(button);
    //添加节点p
    li.appendChild(p);
    //添加节点span
    li.appendChild(span);

    //赋值给第一个p标签
    p.innerHTML = text.value;
    //头部的input值为空
    text.value = "";


    //创建节点li
    var li1 = document.createElement("li");
    //创建节点button
    var button1 = document.createElement("button");
    //创建节点p
    var p1 = document.createElement("p");
    //创建节点span
    var span1 = document.createElement("span");

    //添加节点li1
    ul2.appendChild(li1);
    //添加节点button1
    li1.appendChild(button1);
    //添加节点p1
    li1.appendChild(p1);
    //添加节点span1
    li1.appendChild(span1);

    //赋值给第二个p标签
    p1.innerHTML = p.innerHTML;


    //第一个ul的button的点击事件
    button.addEventListener("click",function(){

        li.style.display = "none";
        li1.style.display = "inline-block";
        button1.innerHTML = "✔"

    });

    //第二个ul的button的点击事件
    button1.addEventListener("click",function(){

        li1.style.display = "none";
        li.style.display = "inline-block";
        button.innerHTML = ""

    });

    //第一个ul的span的点击事件
    span.addEventListener("click",function(){

        li.style.display = "none";

    });

    //第二个ul的span的点击事件
    span1.addEventListener("click",function(){

        li1.style.display = "none";

    });


});



























